{% extends "base.html" %}

{% block title %}
Recibos de pagamento de professor
{% endblock title %}

{% block extrahead %}
        $(function() {
		$('#botao_relatorios').addClass('active');
                $("{% for professor in lista_professores %}#data_inicio{{professor.id}},#data_fim{{professor.id}},{% endfor %}"
		).datepicker({
			changeMonth: true,
			changeYear: true,
                        dateFormat: 'dd-mm-yy',
                        yearRange: '2009:{{ano_now.year}}'
		});
        });
{% endblock extrahead %}

{% block content %}
        
{% load ano_gasto %}

<div class="box-header clear">
	<h2>Emissão de Recibos dos Professores</h2>
</div>
				
<div class="box-wrap clear">			
	<!-- DATA-TABLE JS PLUGIN -->
	<div id="data-table">
			<table class="style1 datatable">
				<thead>
					<tr>
						<th>Nome:</th>
						<th>Unidade:</th>
						<th>Data de Início:</th>
						<th>Data de Fim:</th>
						<th>Data do Último Recibo:</th>
						<th>Ações:</th>
					</tr>
				</thead>
				<tbody>
					{% for professor in lista_professores %}
						<tr>
							<form action="/tabela_aula/{{professor.id}}/" method="POST">
							<td>{{professor.detalheusuario.nome}}</td>
							<td>{% for unidade in professor.detalheusuario.unidade.all %} {{unidade.nome}};{% endfor %}</td>
							<td><input type="text" size="10px;" name="data_inicio{{professor.id}}" id="data_inicio{{professor.id}}"></td>
							<td><input type="text" size="10px;" name="data_fim{{professor.id}}" id="data_fim{{professor.id}}"></td>
							<td>{{professor.ultimo_recibo}}</td>
							<td>
								<input type="submit" class="button green size-120 fl" value="Emitir Recibo" />
							</td>
							</form>
						</tr>
					{% endfor %}
				</tbody>
			</table>
						
			<div class="tab-footer clear fl">
			</div>
	</div><!-- /#table -->
		
</div><!-- end of box-wrap -->


{% endblock content %}